

<!-- 店铺信息 -->

<div id="apply_store_info" class="apply-store-info">
    <div class="alert">
        <h4>注意事项：</h4>
        店铺经营类目为商城商品分类，请根据实际运营情况添加一个或多个经营类目。</div>
    <form id="form_store_info" action="../Storejoinin/step4.html" method="post" >
        <table border="0" cellpadding="0" cellspacing="0" class="all">
            <thead>
            <tr>
                <th colspan="20">店铺经营信息</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <th class="w150"><i>*</i>商家账号：</th>
                <td><input id="seller_name" name="seller_name" type="text" class="w200"/>
                    <span></span>
                    <p class="emphasis">此账号为日后登录并管理商家中心时使用，注册后不可修改，请牢记。</p></td>
            </tr>
            <tr>
                <th class="w150"><i>*</i>店铺名称：</th>
                <td><input name="store_name" type="text" class="w200"/>
                    <span></span>
                    <p class="emphasis">店铺名称注册后不可修改，请认真填写。</p></td>
            </tr>
            <tr>
                <th><i>*</i>店铺等级：</th>
                <td><select name="sg_id" id="sg_id">
                    <option value="">请选择</option>
                    <?php if(!empty($grade_list)){ ?>
                    <?php foreach(($grade_list) as $k => $v){ ?>
                    <?php $goods_limit = empty($v['sg_goods_limit'])?'不限':$v['sg_goods_limit'];?>
                    <?php $explain = '商品数：'.$goods_limit.' 模板数：'.$v['sg_template_number'].' 收费标准：'.$v['sg_price'].' 元/年 附加功能：'.$v['function_str'];?>
                    <option value="<?php echo $v['sg_id'];?>"><?php echo $v['sg_name'];?> (<?php echo $explain;?>)</option>
                    <?php } ?>
                    <?php } ?>
                </select>
                    <span></span>
                </td>
            </tr>
            <tr>
                <th><i>*</i>开店时长：</th>
                <td><select name="joinin_year" id="joinin_year">
                    <option value="1">1 年</option>
                    <option value="2">2 年</option>
                </select></td>
            </tr>
            <tr>
                <th><i>*</i>店铺分类：</th>
                <td><select name="sc_id" id="sc_id">
                    <option value="">请选择</option>
                    {notempty name="store_class"}
                    {foreach $store_class as $k => $v}
                    <option value="<?php echo $v['sc_id'];?>"><?php echo $v['sc_name'];?> (保证金：<?php echo $v['sc_bail'];?> 元)</option>
                    {/foreach}
                    {/notempty}
                </select>
                    <span></span>
                    <p class="emphasis">请根据您所经营的内容认真选择店铺分类，注册后商家不可自行修改。</p></td>
            </tr>
            <tr>
                <th><i>*</i>经营类目：</th>
                <td><a href="javascript:;" id="btn_select_category" class="btn">+选择添加类目</a>
                    <div id="gcategory" style="display:none;">
                        <select id="gcategory_class1">
                            <option value="0">请选择</option>
                            <?php if(!empty(($gc_list))) {?>
                            <?php foreach (($gc_list) as $gc) {?>
                            <option value="<?php echo $gc['gc_id'];?>" data-explain="<?php echo $gc['commis_rate'];?>"><?php echo $gc['gc_name'];?></option>
                            <?php }?>
                            <?php }?>
                        </select>
                        <input id="btn_add_category" type="button" value="确认" />
                        <input id="btn_cancel_category" type="button" value="取消" />
                    </div>
                    <input id="store_class" name="store_class" type="hidden" />
                    <span></span></td>
            </tr>
            <tr>
                <td colspan="2"><table border="0" cellpadding="0" cellspacing="0" id="table_category" class="type">
                    <thead>
                    <tr>
                        <th class="w120 tc">一级类目</th>
                        <th class="w120 tc">二级类目</th>
                        <th class="tc">三级类目</th>
                        <th class="w50 tc">操作</th>
                    </tr>
                    </thead>
                </table></td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
                <td colspan="20">&nbsp;</td>
            </tr>
            </tfoot>
        </table>
    </form>
    <div class="bottom"><a id="btn_apply_store_next" href="javascript:;" class="btn">提交申请</a>
    </div>
</div>
<script type="text/javascript" src="__SITE_RESOURCE__/js/common_select.js" charset="utf-8"></script>
<script type="text/javascript">
    $(document).ready(function(){
        gcategoryInit("gcategory");

        jQuery.validator.addMethod("seller_name_exist", function(value, element, params) {
            var result = true;
            $.ajax({
                type:"GET",
                url:'<?php echo url('storejoinin/check_seller_name_exist');?>',
                async:false,
                data:{seller_name: $('#seller_name').val()},
                success: function(data){
                    if(data == 'true') {
                        $.validator.messages.seller_name_exist = "卖家账号已存在";
                        result = false;
                    }
                }
            });
            return result;
        }, '');

        $('#form_store_info').validate({
            errorPlacement: function(error, element){
                element.nextAll('span').first().after(error);
            },
            rules : {
                seller_name: {
                    required: true,
                    maxlength: 50,
                    seller_name_exist: true
                },
                store_name: {
                    required: true,
                    maxlength: 50,
                    remote : '<?php echo url('storejoinin/checkname');?>'
                },
                sg_id: {
                    required: true
                },
                sc_id: {
                    required: true
                },
                store_class: {
                    required: true,
                    min: 1
                }
            },
            messages : {
                seller_name: {
                    required: '请填写卖家用户名',
                    maxlength: jQuery.validator.format("最多{0}个字")
                },
                store_name: {
                    required: '请填写店铺名称',
                    maxlength: jQuery.validator.format("最多{0}个字"),
                    remote : '店铺名称已存在'
                },
                sg_id: {
                    required: '请选择店铺等级'
                },
                sc_id: {
                    required: '请选择店铺分类'
                },
                store_class: {
                    required: '请选择经营类目',
                    min: '请选择经营类目'
                }
            }
        });

        $('#btn_select_category').on('click', function() {
            $('#gcategory').show();
            $('#btn_select_category').hide();
            $('#gcategory_class1').val(0).nextAll("select").remove();
        });

        $('#btn_add_category').on('click', function() {
            var tr_category = '<tr class="store-class-item">';
            var category_id = '';
            var category_name = '';
            var class_count = 0;
            var validation = true;
            var i = 1;
            $('#gcategory').find('select').each(function() {
                if(parseInt($(this).val(), 10) > 0) {
                    var name = $(this).find('option:selected').text();
                    tr_category += '<td>';
                    tr_category += name;
                    if ($('#gcategory > select').size() == i) {
                        //最后一级显示分佣比例
                        tr_category += ' (分佣比例：' + $(this).find('option:selected').attr('data-explain') + '%)';
                    }
                    tr_category += '</td>';
                    category_id += $(this).val() + ',';
                    category_name += name + ',';
                    class_count++;
                } else {
                    validation = false;
                }
                i++;
            });
            if(validation) {
                for(; class_count < 3; class_count++) {
                    tr_category += '<td></td>';
                }
                tr_category += '<td><a nctype="btn_drop_category" href="javascript:;">删除</a></td>';
                tr_category += '<input name="store_class_ids[]" type="hidden" value="' + category_id + '" />';
                tr_category += '<input name="store_class_names[]" type="hidden" value="' + category_name + '" />';
                tr_category += '</tr>';
                $('#table_category').append(tr_category);
                $('#gcategory').hide();
                $('#btn_select_category').show();
                select_store_class_count();
            } else {
                showError('请选择分类');
            }
        });

        $('#table_category').on('click', '[nctype="btn_drop_category"]', function() {
            $(this).parent('td').parent('tr').remove();
            select_store_class_count();
        });

        // 统计已经选择的经营类目
        function select_store_class_count() {
            var store_class_count = $('#table_category').find('.store-class-item').length;
            $('#store_class').val(store_class_count);
        }

        $('#btn_cancel_category').on('click', function() {
            $('#gcategory').hide();
            $('#btn_select_category').show();
        });

        $('#btn_apply_store_next').on('click', function() {
            $('#form_store_info').submit();
        });
    });
</script>
